<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div id="app">
			<span>本例用于once绑定，用于只绑定一次参数</span>
			<div id="xxoo1" v-once="v-once">
				{{message1}}
			</div>
			<div id="xxoo2">
				{{message2}}
			</div>
		</div>
	</body>
<script type="text/javascript">
var app = new Vue({
	el: '#app',
	data: {
		message1: "这是虾米鬼1",
		message2: "这是虾米鬼2",
	}
});

app.message1 = "这又是虾米鬼1";  //DOM由于是一次性绑定，不会再进行更新。
app.message2 = "这又是虾米鬼2";
console.log(app.$data);  //但是实例中的数据是已经更新的。
</script>
</html>